@import url("gdlm.less");
.px2rem(@name,
@px) {
    @{name}: @px / 75 * 1rem;
}

.tabsd {
    width: 100%;
    height: 100%;
    .tijiao {
        .main {
            .table {
                img {
                    width: 100%;
                    height: 100%;
                }
            }
            .dao {
                .px2rem(margin-top,
                15);
                .px2rem(height,
                90);
                display: flex;
                align-items: center;
                justify-content: center;
                .he {
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    .px2rem(width,
                    183);
                    .px2rem(line-height,
                    44);
                    border: 1px solid #ccc;
                    span {
                        color: red;
                    }
                }
            }
            .tiwen {
                width: 97%;
                margin: 0 auto;
                .px2rem(margin-top,
                30);
                .inngs {
                    width: 100%;
                    img {
                        width: 100%;
                        height: 100%;
                    }
                }
                .jiehshao {
                    display: flex;
                    .px2rem(margin-top,
                    20);
                    .px2rem(height,
                    277);
                    .left {
                        .px2rem(width,
                        100);
                        .px2rem(height,
                        100);
                        img {
                            width: 100%;
                            height: 100%;
                        }
                    }
                    .right {
                        .px2rem(margin-left,
                        30);
                        flex: 1;
                        .one {
                            .px2rem(line-height,
                            30);
                            .px2rem(width,
                            593);
                            display: flex;
                            color: rgba( 74, 80, 88, 0.878);
                            .le {
                                width: 93%;
                            }
                            .le2 {
                                flex: 1;
                            }
                        }
                        .two {
                            .px2rem(margin-top,
                            30);
                            .px2rem(font-size,
                            34);
                            .px2rem(line-height,
                            54);
                        }
                        .san {
                            .px2rem(line-height,
                            34);
                            color: rgba( 74, 80, 88, 0.878);
                        }
                    }
                }
                .xian {
                    margin: 0 auto;
                    .px2rem(width,
                    50);
                    border: 1px rgba( 74, 80, 88, 0.878) solid;
                }
            }
        }
        .caidan {
            .px2rem(width,
            75);
            .px2rem(height,
            75);
            position: absolute;
            z-index: 1;
            top: 35px;
            right: 4.2%;
            img {
                width: 100%;
                height: 100%;
                border-radius: 50%;
            }
        }
    }
    .shouye {
        .header {
            position: absolute;
            .px2rem(top,
            0);
            width: 100%;
            .px2rem(height,
            130);
            display: flex;
            align-items: center;
            z-index: 100;
            .left {
                width: 20%;
                text-align: center;
                img {
                    .px2rem(width,
                    70);
                    .px2rem(height,
                    70);
                }
            }
            .center {
                width: 60%;
            }
            .right {
                width: 20%;
                text-align: center;
                img {
                    .px2rem(width,
                    70);
                    .px2rem(height,
                    70);
                }
            }
        }
        .swiper-slide {
            color: #FFF;
            overflow: hidden;
            .px2rem(width,
            750);
            .px2rem(height,
            500);
            //        width: 100%;
            img {
                width: 100%;
                height: 100%;
            }
            .p1 {
                position: absolute;
                .px2rem(top,
                280);
                .px2rem(font-size,
                21);
                left: 5%;
            }
            .p2 {
                position: absolute;
                .px2rem(top,
                330);
                .px2rem(font-size,
                32);
                font-weight: 700;
                left: 5%;
            }
        }
        .swiper-pagination {
            position: relative;
            .px2rem(height,
            100);
            width: 100%;
        }
        .swiper-pagination-bullet:nth-child(1) {
            .px2rem(height,
            30)!important;
            .px2rem(width,
            30)!important;
            border-radius: 0!important;
            .px2rem(top,
            40);
            .px2rem(left,
            50);
            position: absolute;
            background: #FFF!important;
            border: 2px solid;
            .px2rem(line-height,
            30);
        }
        .swiper-pagination-bullet:nth-child(2) {
            .px2rem(height,
            30)!important;
            .px2rem(width,
            30)!important;
            border-radius: 0!important;
            .px2rem(top,
            40);
            .px2rem(left,
            100);
            position: absolute;
            background: #FFF!important;
            border: 2px solid;
            .px2rem(line-height,
            30);
        }
        .swiper-pagination-bullet:nth-child(3) {
            .px2rem(height,
            30)!important;
            .px2rem(width,
            30)!important;
            border-radius: 0!important;
            .px2rem(top,
            40);
            .px2rem(left,
            150);
            position: absolute;
            background: #FFF!important;
            border: 2px solid;
            .px2rem(line-height,
            30);
        }
        .set {
            .px2rem(height,
            133);
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .lsmin {
            .dropload-down {
                display: none;
            }
        }
        .techu {
            width: 100%;
            .imgs {
                text-align: center;
            }
            .shijian {
                .px2rem(font-size,
                22);
                padding-left: 5%;
                .px2rem(padding-top,
                23);
                .span {
                    border-right: 1px solid #CCC;
                    padding-right: 1%;
                    color: red;
                    font-weight: 700;
                }
                .span1 {
                    color: #787c82;
                }
                .span2 {
                    float: right;
                    .px2rem(padding-right,
                    23);
                    color: #787c82;
                }
            }
            .ipone {
                .p_one {
                    font-weight: 700;
                    .px2rem(padding-left,
                    30);
                    .px2rem(padding-top,
                    25);
                    .px2rem(font-size,
                    30);
                    color: #000;
                }
                .p_two {
                    color: #CCC;
                    .px2rem(padding-top,
                    25);
                    .px2rem(padding-left,
                    30);
                }
                .p_there {
                    text-align: center;
                    .px2rem(padding-top,
                    40);
                }
            }
        }
        .zhuanquan {
            .px2rem(height,
            80);
            .px2rem(line-height,
            80);
            .px2rem(font-size,
            36);
            background: white;
            text-align: center;
            @keyframes xuanzhuan {
                0% {
                    transform: rotate(0);
                }
                100% {
                    transform: rotate(720deg);
                }
            }
            .xuanzhuan {
                animation: xuanzhuan 1s infinite ease;
                width: 5%;
            }
        }
        .fx-zhe {
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            top: 0;
            background-color: rgba(27, 127, 127, 0.5);
            z-index: 1;
            .px2rem(height,
            3920);
            display: none;
        }
    }
    .wanwuzhi {
        .header {
            position: relative;
            .left {
                img {
                    width: 100%;
                }
            }
            .right {
                position: absolute;
                .px2rem(top,
                30);
                .px2rem(right,
                30);
            }
        }
        .set {
            .px2rem(height,
            133);
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .techu {
            width: 100%;
            .imgs {
                text-align: center;
            }
            .shijian {
                .px2rem(font-size,
                22);
                padding-left: 5%;
                .px2rem(padding-top,
                23);
                .span {
                    border-right: 1px solid #CCC;
                    padding-right: 1%;
                    color: red;
                    font-weight: 700;
                }
                .span1 {
                    color: #787c82;
                }
                .span2 {
                    float: right;
                    .px2rem(padding-right,
                    23);
                    color: #787c82;
                }
            }
            .ipone {
                .p_one {
                    font-weight: 700;
                    .px2rem(padding-left,
                    30);
                    .px2rem(padding-top,
                    25);
                    .px2rem(font-size,
                    30);
                }
                .p_two {
                    color: #5f646c;
                    .px2rem(padding-top,
                    25);
                    .px2rem(padding-left,
                    30);
                    .px2rem(font-size,
                    24);
                }
                .p_there {
                    text-align: center;
                    .px2rem(padding-top,
                    40);
                }
            }
        }
        .techu1 {
            .px2rem(padding-top,
            20);
            width: 100%;
            .imgs {
                text-align: center;
            }
            .shijian {
                .px2rem(font-size,
                22);
                padding-left: 5%;
                .px2rem(padding-top,
                23);
                .span {
                    border-right: 1px solid #CCC;
                    padding-right: 1%;
                    color: red;
                    font-weight: 700;
                }
                .span1 {
                    color: #787c82;
                }
                .span2 {
                    float: right;
                    .px2rem(padding-right,
                    23);
                    color: #787c82;
                }
            }
            .ipone {
                .p_one {
                    font-weight: 700;
                    .px2rem(padding-left,
                    30);
                    .px2rem(padding-top,
                    25);
                    .px2rem(font-size,
                    30);
                }
                .p_two {
                    color: #5f646c;
                    .px2rem(padding-top,
                    25);
                    .px2rem(padding-left,
                    30);
                    .px2rem(font-size,
                    24);
                }
                .p_there {
                    text-align: center;
                    .px2rem(padding-top,
                    40);
                }
            }
        }
    }
    .MindStore {
        .main {
            .table {
                img {
                    width: 100%;
                    height: 100%;
                }
            }
            .caidan {
                .px2rem(width,
                75);
                .px2rem(height,
                75);
                position: absolute;
                z-index: 1;
                top: 15px;
                right: 4.2%;
                img {
                    width: 100%;
                    height: 100%;
                    border-radius: 50%;
                }
            }
            .dao {
                .px2rem(margin-top,
                15);
                .px2rem(height,
                90);
                display: flex;
                align-items: center;
                justify-content: center;
                .he {
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    .px2rem(width,
                    183);
                    .px2rem(line-height,
                    44);
                    border: 1px solid #ccc;
                    span {
                        color: #2eb9b8;
                        .px2rem( padding-left,
                        5);
                        .px2rem( font-size,
                        12);
                    }
                }
            }
            .bod {
                width: 100%;
                display: flex;
                .px2rem( margin-bottom,
                46);
                .left {
                    flex: 1;
                    display: flex;
                    justify-content: center;
                    .img {
                        width: 60%;
                        height: 20%;
                        img {
                            width: 100%;
                            height: 100%;
                        }
                    }
                }
                .right {
                    //             .px2rem( margin-left, 26);
                    width: 85%;
                    border-bottom: 1px #ccc solid;
                    .one {
                        width: 70%;
                        .px2rem( font-size,
                        32);
                        font-weight: bold;
                        .px2rem( line-height,
                        40);
                    }
                    .p2 {
                        .px2rem( margin-top,
                        26);
                        width: 85%;
                        .px2rem( font-size,
                        24);
                        .px2rem( line-height,
                        35);
                    }
                    .p3 {
                        margin-bottom: 20px;
                        margin-top: 20px;
                        .px2rem( width,
                        130);
                        .px2rem( height,
                        44);
                        img {
                            width: 100%;
                            height: 100%;
                        }
                    }
                }
            }
        }
    }
}
